<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/pages/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="Generator" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>鹰牌陶瓷合肥运营中心</title>
<meta name="keywords" content="鹰牌陶瓷,陶瓷,鹰牌,安徽,合肥" />
<meta name="description" content="鹰牌陶瓷合肥运营中心,公司介绍,公司简介,品牌介绍,品牌荣誉,销售网点,公司愿景,员工风采" />
<meta name="author" content="" />
<link href="${ctx}/css/sub/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="${ctx}/themes/default/default.css" type="text/css" />
<link rel="stylesheet" href="${ctx}/css/main.css" type="text/css" />
<!-- IE6 fixes are found in styles/ie6.css -->
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="${ctx}/css/ie6.main.css" /><![endif]-->
<script type="text/javascript" src="/commons/scripts/jquery.js"></script>
</head>
<body>
<div id="main">
  <jsp:include page="../../header.jsp" />
  <input name="ss" id="ss" type="hidden" value="2" />
  <div id="bd">
    <div id="bd_left2" style="width: 211px;">
    	<div id="sortlist" class="m">
			<div class="mt">
				<h2>公司介绍分类</h2>
			</div>
			<div class="mc">
				<div class="item current"><!-- 一级  -->
					<h3>
						<b></b><a title="公司简介" mod_id="2100">公司简介</a>
					</h3>
				</div>
				<div class="item current"><!-- 一级  -->
					<h3>
						<b></b><a title="品牌介绍" mod_id="2200">品牌介绍</a>
					</h3>
				</div>
				<div class="item current"><!-- 一级  -->
					<h3>
						<b></b><a title="品牌荣誉" mod_id="2300">品牌荣誉</a>
					</h3>
				</div>
				<div class="item current"><!-- 一级  -->
					<h3>
						<b></b><a title="营销网点" mod_id="2400">销售网点</a>
					</h3>
				</div>
				<div class="item current"><!-- 一级  -->
					<h3>
						<b></b><a title="公司愿景" mod_id="2500">公司愿景</a>
					</h3>
				</div>
				<div class="item current"><!-- 一级  -->
					<h3>
						<b></b><a title="工程案例" open="false" id="pojectExp">工程案例</a>
					</h3>
					<ul id="ul_2700" style="display: none;"><!-- 二级 -->
					  <c:forEach var="cur" items="${peTypeList}">
						<li id="sliding-element" style="float:none;margin-left:-180px;padding-left:5px;background-color:#EAEAEA;margin-bottom: 5px;width: 100px;"><a mod_id="2700" type="${cur.dictionary_value}" title="${cur.dictionary_desc_cn}">&gt;&gt; ${cur.dictionary_desc_cn}</a></li>
					  </c:forEach>
					</ul>
				</div>
				<div class="item current"><!-- 一级  -->
					<h3>
						<b></b><a title="员工风采" open="false" id="staff">员工风采</a><!--<span style="float: right;cursor:pointer; " onclick="$(this).prev().click();">&gt;&gt;</span>
					--></h3>
					<ul id="ul_2600" style="display: none;"><!-- 二级 -->
						<li id="sliding-element" style="float:none;margin-left:-180px;padding-left:5px;background-color:#EAEAEA;margin-bottom: 5px;"><a title="员工感言" mod_id="2620" id="staffWord">&gt;&gt; 员工感言</a></li>
						<li id="sliding-element" style="float:none;margin-left:-180px;padding-left:5px;background-color:#EAEAEA;margin-bottom: 5px;"><a title="员工活动" mod_id="2630" id="staffShow">&gt;&gt; 员工活动</a></li>
					</ul>
				</div>
			</div>
		</div>
    </div>
    <div id="bd_right2" class="news" style="width: 733px;">
      <iframe id="right_view" name="right_view" marginwidth="0" marginheight="0" align="left" frameborder="0" width="100%" scrolling="no"></iframe>
    </div>
  </div>
  <jsp:include page="../../footer.jsp" />
</div>
<script type="text/javascript">
 	$(document).ready(function(){
		if("" != "${mod_id}"){
			$("#right_view").attr("src","${ctx}/CompanyIntroduce.do?method=view&mod_id=${mod_id}");
		}

		if("2600" == "${mod_id}"){
			$("#staffWord").css("color","red");
			$("#staffShow").css("color","black");
			$("#ul_2600").show();
			$("#staff").attr('open','true');
			slide("#ul_2600", 10, 5, 300, .8);
		}

		if("2700" == "${mod_id}"){
			$("a","#ul_2700").css("color","black");
			$("a","#ul_2700").eq(0).css("color","red");
			//$("#staffWord").css("color","red");
			//$("#staffShow").css("color","black");
			$("#ul_2700").show();
			$("#pojectExp").attr('open','true');
			slide("#ul_2700", 10, 5, 300, .8);
		}

		$("a",".mc").each(function(){
			$(this).click(function(){
				var mod_id = $(this).attr("mod_id");
				if("" != mod_id && null != mod_id)
					$("#right_view").attr("src","${ctx}/CompanyIntroduce.do?method=view&mod_id=" + mod_id + "&type=" + $(this).attr("type"));
			});
		});
	 });

 	$('#staff').bind("click",function(){
		if($(this).attr('open')=='true'){
			$("li",$("#ul_2600")).css("margin-left","-180px");
			$("#ul_2600").css("display","none");
			$(this).attr('open','false');
		}else{
			$("#ul_2600").css("display","block");
			$(this).attr('open','true');
			slide("#ul_2600", 10, 5, 300, .8);
		}
	});

 	$('#pojectExp').bind("click",function(){
		if($(this).attr('open')=='true'){
			$("li",$("#ul_2700")).css("margin-left","-180px");
			$("#ul_2700").css("display","none");
			$(this).attr('open','false');
		}else{
			$("#ul_2700").css("display","block");
			$(this).attr('open','true');
			slide("#ul_2700", 10, 5, 300, .8);
		}
	});

 	$('#staffWord').bind("click",function(){
 		$("#staffWord").css("color","red");
		$("#staffShow").css("color","black");
	});

 	$('#staffShow').bind("click",function(){
		$("#staffShow").css("color","red");
 		$("#staffWord").css("color","black");
	});

 	$("a","#ul_2700").bind("click",function(){
		$("a","#ul_2700").css("color","black");
		$(this).css("color","red");
	});

 	function slide(navigation_id, pad_out, pad_in, time, multiplier){
 		// creates the target paths
 		var list_elements = "#sliding-element," + navigation_id;
 		var link_elements = list_elements + " a";
 		
 		// initiates the timer used for the sliding animation
 		var timer = 0;
 		// creates the slide animation for all list elements 
 		$("li",navigation_id).each(function(i)
 		{
 			// margin left = - ([width of element] + [total vertical padding of element])
 			// updates timer
 			timer = (timer*multiplier + time);
 			$(this).animate({ marginLeft: "0" }, timer);
 			$(this).animate({ marginLeft: "25px" }, timer);
 			$(this).animate({ marginLeft: "0" }, timer);
 		});

 		// creates the hover-slide effect for all link elements 		
 		$("a",navigation_id).each(function(i)
 		{
 			$(this).hover(
 			function()
 			{
 				$(this).animate({ paddingLeft: pad_out }, 150);
 			},		
 			function()
 			{
 				$(this).animate({ paddingLeft: pad_in }, 150);
 			});
 		});
 	}
</script>
</body>
</html>
